.next-drawer-header {
  position: relative;
  .next-drawer-close {
    width: var(--drawer-header-close-bg-width, 20px);
    height: var(--drawer-header-close-bg-height, 20px);
    top: 50%;
    transform: translate(var(--drawer-header-close-transform-left, -4px), -50%);
    border-radius: var(--drawer-header-close-border-radius, 2px);

    &:hover {
      background-color: var(--color-fill1-2, #f7f7f7);
      .next-drawer-close-icon {
        color: var(--color-text1-2, #5a5a5a);
      }
    }

    &:active {
      background-color: var(--color-fill1-3, #eaeaea);
      .next-drawer-close-icon {
        color: var(--color-text1-5, #292929);
      }
    }

    .next-drawer-close-icon {
      margin-top: 0;
      margin-left: 0;
      transform: translate(-50%, -50%);
      color: var(--color-fill1-6, #848484);
    }
  }
}

.next-drawer-body {
  @include hybridcloud-scrollbar;
}
